.containerbox {position: relative; top: 2%; left: 2%; width: 96%; height: 96%; background-image: url(../ccgreenback.jpg);}



.Iconbox { position: absolute; top: 0%; left: 0%; width: 13%; height: 100%; text-align: center; background-image: url(../GameTextures/greencolumn_small.jpg); background-repeat: repeat-y;

background-position:center 0 }

.InventoryContainer { position: absolute; top: 27%; right:0%; width: 92px; text-align: center; }

.NotebookContainer { position: absolute; top: 50%; left: 15%; width: 65px; text-align: center;}

.ControllPanelContainer { position: absolute; top: 68%; left: 5%; width: 94px;  text-align: center; }

.FeetContainer { position: absolute; bottom: 0%; width: 94px; left: 0%; text-align: center; }



.GameBox { position: absolute; top: 0%; left: 13%; width: 65%; height: 100%;  }

.titlecontainer { position: absolute; top: 0%; left: 0%; width: 100%; height: 5%; text-align: center}

.bigtextboxcontainer { position: absolute; bottom: 15%; left: 0%; width: 100%; height: 75%;}

.feedbackcontainer { position: absolute; bottom: 9%; width: 100%; height: 11%; background: black;}

.ansbarcontainer { position: absolute; left: 20%; bottom: 0%; width: 100%;  height: 9%;  }





.ChapterBox { position: absolute; top: 0%; left: 78%; width: 22%; height: 100%;  }



.chapterlistcontainer { position: absolute; top: 6%; left: 0%; width: 100%; height: 50%; }

.musicControllcontainer { position: absolute; top: 57%; left: 0%; width: 100%; height: 7%; }

.ForumLinkcontainer { position: absolute; top: 65%; left: 0%; width: 100%; height: 15%; }



.ForumLink{ position: absolute; top: 0%; left: 3%; width: 45px; height: 100%; }

.SecretLink{ position: absolute; top: 0%; left: 40%; width: 72px; height: 100%; }





.clockladyfix { position: relative; width: 85px; height: 143px; left:0%; z-Index: 20;}

.clocktop { position:absolute; top: 49px; left: 25px; z-Index: 1; }

.FeetContainer  { position:absolute; width: 94px; bottom: 0%;}



.soldierContainer { position: absolute; bottom: 0%; right: 0%;  width: 240px; height: 106px; z-index: 30;}

.soldier { position: relative; top: 10px; left: 3px;width: 240px; height: 106px;}



/* No town at this size */



.townup { visibility: hidden }





/* Image size fixs for background */

.greencolumn

{

position:relative;

background-image: url(../GameTextures/greencolumn_small.jpg);

background-repeat: repeat-y;

background-position:center 0; 

}

.greencolumnb

{

background-image: url(../GameTextures/greencolumnb_small.jpg);

background-repeat: repeat-y;

background-position:center center; 



}



/* height: used to be 90% for some insane unknown reason */

html, body { 

height: 100%;

width: 100%;

margin: 0; 

padding: 0;

}